<template>
  <div>
    <div>
      <div
        style="padding:20px;display:flex;flex-direction: column;justify-content: center; align-items: center;"
      >
        <div style="font-size:18px;font-weight:600;margin:5px 0">IMPORT CLOSE FLIGHT REPORT</div>
      </div>
    </div>
    <div class style=" width: 900px; margin: 10px auto;">
      <div class="rowItem">
        <div style="width:150px">AIRLINE：</div>
        <div>Virgin Atlantic Cargo</div>
      </div>
      <div class="rowItem">
        <div style="width:150px">FLIGHT NUMBER：</div>
        <div>VS 250 /20/03/2018</div>
      </div>
      <div class="rowItem">
        <div style="width:150px">FROM：</div>
        <div>LHR / GB</div>
      </div>
    </div>
    <div class="reportBoxs">
      <el-table :data="tableData" style="width: 100%" border>
        <el-table-column prop="date" label="AWB"></el-table-column>
        <el-table-column prop="name" label="Pcs Exp"></el-table-column>
        <el-table-column prop="address" label="Pcs Rcvd"></el-table-column>
        <el-table-column prop="address" label="Commodity" width="180"></el-table-column>
        <el-table-column prop="address" label="Weight"></el-table-column>
        <el-table-column prop="address" label="ORG"></el-table-column>
        <el-table-column prop="address" label="DES"></el-table-column>
        <el-table-column prop="address" label="Agent"></el-table-column>
      </el-table>
      <div style=" margin-top: 10px;">
        <div>文件导入（txt格式）</div>
        <div style=" margin-top: 10px;">
          <el-upload
            class="upload-demo"
            drag
            action="https://jsonplaceholder.typicode.com/posts/"
            multiple
          >
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">
              将文件拖到此处，或
              <em>点击上传</em>
            </div>
            
          </el-upload>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},

  data() {
    return {
      tableData: []
    };
  }
};
</script>

<style scoped>
.reportBoxs {
  /* border: 2px solid #eee; */
  width: 900px;
  margin: 10px ;
}
.boxRow {
  display: flex;
  border-bottom: 1px solid #e6e6e6;
}
.nb {
  border-bottom: none;
}
.br {
  border-right: 1px solid #e6e6e6;
}
.boxtitle {
  padding: 20px;
}
.rowItem {
  flex: 1;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.pr20 .rowItem {
  padding-right: 20px;
}
</style>